<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link  rel="stylesheet" href="../css/common.css">
    <link  rel="stylesheet" href="../css_page/att_body/style.css">
</head>
<body>
    <div class="body_style1">
        <img src="../../resources/img/att/bottom_bg.png" alt="" srcset="">
    </div>
    <div class="body_style">
        <img src="../../resources/img/style/enemy/{{style_body}}.jpg" alt="" srcset="">
    </div>

    <div class="more_bg">
        <img src="../../resources/img/att/more_bg.png" alt="" srcset="">
    </div>
    <div class="more_content">
        <p>▶Lv.{{t.leve.num}}</p>
        <p>▶综合战力:{{score}}</p>
        <p>▶经验值({{t.leve.now}}/{{t.leve.max}})</p>
        <div class="bar_line">
            <span>♥</span>
            <span>HP{{hp_bar}}</span>
            <div class="bar" style='background: #F44336;width: {{hp_bar}};'>
                <span>{{t.hp_now}}/{{att.Hp_Max}}({{att.Hp_res}}/s)</span>
            </div>
        </div>
        <div class="bar_line">
            <span>♣</span>
            <span>MP{{mp_bar}}</span>
           
            <div class="bar" style='background: rgb(143, 99, 200);width: {{mp_bar}};'>
                <span>{{t.mp_now}}/{{att.Mp_Max}}({{att.Mp_res}}/s)</span>
            </div>
        </div>
        <p>◆物攻:{{att.Physical_Attack_min}}-{{att.Physical_Attack_max}}◆物防:{{att.Physical_defense}}</p>
        <p>◆魔攻:{{att.Magic_Attack_min}}-{{att.Magic_Attack_max}}◆魔防:{{att.Magic_defense}}</p>
    </div>
    <div class="userName">
        {{userName}}
    </div>
</body>
</html>